<?xml version="1.0" encoding="UTF-8"?>    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:util="http://java.sun.com/jsf/composite/components/util">
<f:view>
	<h:head>
		<link rel="stylesheet" type="text/css" href="${facesContext.externalContext.requestContextPath}/resources/css/sysbase.css"/>
		<link rel="stylesheet" type="text/css" href="${facesContext.externalContext.requestContextPath}/resources/css/sysindex.css"/>
	</h:head>
	<h:body styleClass="login_bg">

				<h:form>
					<div class="login">
						<div class="img"><img src="${facesContext.externalContext.requestContextPath}/resources/css/icons/logo.gif" width="251" height="102" /></div>
						<div class="txt">
							<table class="user_login_table" width="338">
								<tr>
									<th  style="width:80px;" class="normallabel">#{message['userLoginName.display']}#{message['char.colon.display']}</th>

									<td colspan="2">
										<h:inputText id="loginName" value="#{userLoginPage.systemUser.loginName}" label="#{message['userLoginName.display']}" title="#{message['userLoginName.input.title']}" styleClass="normal_input_text" maxlength="30" required="true"><f:validator validatorId="UserValidator"></f:validator></h:inputText>
										<span id="loginNameTip"><h:message for="loginName" errorClass="errormessage"></h:message></span>
										<div class="tip" id="loginNameFixTip" ></div>
									</td>
								</tr>
								<tr>
									<th style="width:80px;" class="normallabel">#{message['loginPassword.display']}#{message['char.colon.display']}</th>

									<td colspan="2">
										<h:inputSecret id="loginPassword" value="#{userLoginPage.systemUser.loginPassword}" label="#{message['loginPassword.display']}" title="#{message['loginPassword.input.title']}" styleClass="normal_input_text" maxlength="30" redisplay="true" required="true"><f:validator validatorId="PasswordValidator"></f:validator></h:inputSecret>
										<span id="loginPasswordTip"><h:message for="loginPassword" errorClass="errormessage"></h:message></span>
										<div class="tip" id="loginPasswordFixTip" ></div>
									</td>
								</tr>
								<tr>
									<th style="width:80px;" class="normallabel">#{message['validateCode.display']}#{message['char.colon.display']}</th>

									<td colspan="2">
										<h:inputText id="verifyCode" value="#{userLoginPage.verifyCode}" label="#{msgs['validateCode.display']}" maxlength="30" required="true" styleClass="normal_input_text" style="width:80px;"></h:inputText>
										<div class="tip" id="loginCodeFixTip" >#{message['please.input.validateCode.display'] }<h:outputLabel id="verifyCodeForQuestion" value="#{userLoginPage.verifyCodeForQuestion}"/><a4j:commandLink event="click" execute="@this" action="#{userLoginPage.generateVerifyCode}" render="verifyCodeForQuestion" value="#{message['fresh.validateCode.display']}" style="color:#f60"></a4j:commandLink></div>
									</td>
								</tr>
								<tr>
									<th style="width:80px;">&nbsp;</th>
									<td>
										<h:commandLink type="submit" id="userLoginBtn" action="#{userLoginPage.loginUser}" styleClass="button_login" value=""><h:graphicImage value="/resources/css/icons/btn_login.png"></h:graphicImage></h:commandLink>
									</td>
								</tr>
								<tr>
									<th style="width:80px;">&nbsp;</th>
									<td>
										<util:messages errorMessages="#{userLoginPage.errorMessages}"></util:messages>
									</td>
								</tr>
							</table>
						</div>
					</div>
				</h:form>
	</h:body>
</f:view>
</html>

